@import 'vars.styl'
.dialog-cover
  position: fixed
  top: 0
  left: 0
  z-index: z-index-dialog
  width: 100%
  height: 100%
  background: #000
  zoom: 1
  opacity: 0.5

.dialog
  position: fixed
  left: 50%
  top: 50%
  z-index: z-index-dialog + 1
  background: #fff
  font-size: 14px
  min-width: 400px

.dialog-head
  padding: 10px 20px;
  background: #E7ECF1
  border-bottom: 1px solid #BDC6CF

.dialog-title
  color: #676f75
  font-size: 16px

.dialog-body
  position: relative
  padding: 20px
  color: #333
  background: #fff

.dialog-foot
  padding: 15px 20px
  overflow: hidden
  background: #E7ECF1
  border-top: 1px solid #BDC6CF

.dialog-close
  position: absolute
  top: 0
  right: 10px
  z-index: 90002
  cursor: pointer
  font-size: 24px
  color: #888

.dialog-btn-cancel,
.dialog-btn-ok
  float: right
  height: 30px
  line-height: 30px
  width: 100px
  margin-left: 10px
  text-align: center
  cursor: pointer
  border: 1px solid #BDC6CF
  color: #676f75;

.dialog-btn-ok
  background: -webkit-linear-gradient(top, #fff 0%, #E0E4E8 100%)

.dialog-btn-cancel
  background: #fff


